body {
    background: #fdf7f7;
}

.pxToRem(@p, @px) {
    @{p}: @px / 75px * 1rem;
}

.header {
    position:fixed;
    top: 0;
    z-index: 99;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    .pxToRem(height, 98);
    width: 100%;
    .center {
        .pxToRem(font-size, 47);
    }
    .right {
        .pxToRem(padding-right, 51);
        img {
            .pxToRem(width, 51);
        }
    }
}

.section {
    z-index: 9;
    position: fixed;
    .pxToRem(left, 0);
    .pxToRem(top, 98);
    width: 100%;
    .uls {
        //      .pxToRem(height, 76);
        background: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .nav_one {
            box-sizing: border-box;
            color: red;
            border-bottom: 2px solid red;
        }
        li {
            padding: 2% 0;
            background: #fff;
            .pxToRem(font-size, 30);
        }
        li:nth-child(1) {
            .pxToRem(margin-left, 96);
        }
        li:nth-child(3) {
            .pxToRem(margin-right, 96);
        }
    }
}

.list {
    .swiper-container {
        width: 100%;
        height: 100%;
        .swiper-slide {
            font-size: 18px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: wrap;
        }
        .dls,.dl_s,.dl_du{
            .pxToRem(margin-top, 150);
            .TOP{
                img{
                    width: 100%;
                }
            }
            dl{
              width: 40%;
              display: flex;
              justify-content: space-around;
              align-items: center;
              flex-direction: column;
              border: 1px solid #ccc;
              background: #fff;
              border-radius:10px;
              .pxToRem(margin-top, 35);
               .pxToRem(padding-left, 20);
              dt{
                  img{
                        width: 100%;
                      text-align: center;
                  }
              }
              dd{
                  h2{
                      .pxToRem(font-size, 24);
                      .pxToRem(margin-top, 25);
                      .pxToRem(line-height, 50);
                      overflow: hidden;
                      span{
                          color: #FFF;
                          padding: 2%;
                          margin-right: 3%;
                          background: red;
                          .pxToRem(font-size, 20);
                      }
                  }
                  p{
                      .pxToRem(font-size, 26);
                      .pxToRem(margin-top, 38);
                      .pxToRem(margin-bottom, 39);
                  }
                  span{
                      .pxToRem(font-size, 26);
                      color: #cd3544;
                      .pxToRem(padding-bottom, 20);
                  }
              }
            }
            dl:nth-child(n+1){
                .pxToRem(margin-left, 40);
            }
        }
    }
}


.footer {
    width: 100%;
    .pxToRem(height,100);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
//  .pxToRem(height, 143);
    z-index: 99;
    .pxToRem(margin-top, 286);
    .dl {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        flex: 1;
        padding: 0 25%;
        dt {
            text-align: center;
            img {
                width:50%;
            }
        }
        dd {
            .pxToRem(font-size,20);
             .pxToRem(padding-top,15);
            color: #000000;
        }
    }
    dl:nth-child(1){
        .pxToRem(margin-left,5%);
    }
    .xuan{
        dd {
            color: red;
        }
    }
}